<template>
  <div>
    <h1>{{ message }}</h1>
    <button @click="btn">逆转世界</button>
  </div>
</template>

<script>
export default {
    name: 'TaskOneDemoApp',

    data() {
        return {
            message:'HELLO WORD'
        };
    },

    mounted() {
        
    },

    methods: {
        btn(){
          this.message= this.message.split('').reverse().join('')
        }
    },
};
</script>

<style lang="scss" scoped>

</style>